@charset "utf-8";




html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}

body { font-size: 14px; line-height: 1.8;  margin: 0 auto; color: #666; background-color: #fff; font-family: "Source", "Microsoft YaHei", Arial,sans-serif;}


html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }

caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ul, li, ol { list-style: none;}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

strong { font-weight: bold; }

table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}

table{border-collapse:collapse;margin:0 auto!important;}

img { border: 0; }

input, textarea, select, option { background: none; outline: 0; font-family: "微软雅黑"; padding: 0; margin: 0; }

input { outline: none; font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB",helvetica,arial;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }

textarea { -webkit-appearance: none; border-radius: 0; outline: none;}

::-moz-selection { background: #133687; color: #fff; text-shadow: none; }

::selection { background: #133687; color: #fff; text-shadow: none; }

select{ outline: none;}

select::-ms-expand { display: none; }

a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }

a:link, a:visited { text-decoration: none; }

a:active, a:hover { text-decoration: none; }

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }

.clearfix:after { clear: both; }

.fc { text-align: center; }

.fr { text-align: right; }

.l { float: left; display: inline-block; }

.r { float: right; display: inline-block; }

.vt { vertical-align: top; }

.vm { vertical-align: middle; }

.inner { margin: 0px auto; width: 1200px;}

.top a:link, .top a:visited { color: #333333;}

.top a:active,.top a:hover { color: #133687;}

.wamper {
  max-width: 1280px;
  margin: 0px auto;
}



.header{/* height: 84px;*/}
.top{ position: fixed; z-index: 2222; width: 100%; left: 0; top: 0; /*background-color: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);*/}
.logo{ position: absolute; left: 3%; top: 0;}
.logo a{ display: block; height:43px; padding: 20px 0px 20px;}
.logo img{ height: 100%; display: block;}
.logo img.img1{ display: block;}
.logo img.img2{ display: none;}
.nav{ float: right; display: block; padding: 22px 0px; line-height: 40px; font-size: 16px;}
.nav li{ float: left; display: block; margin: 0px 14px;}
.nav li a.active{ color: #133687;}
.top-sider{ float: right; display: block; margin-left: 40px;}
.top-sider .serachItem,.top-sider .menuItem{ float: left; display: block;}
.serach-btn{ width: 100px; height: 84px; display: block; background-color: #f2f2f2;}
.serach-btn i{ background: url(../images/serach_bg.png) no-repeat scroll center center; width: 100%; height: 100%; display: block;}
.menuItem{ width: 100px; height: 84px;}
.trans, .trans:hover { -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler { width: 100px; height: 84px; background-color: #133687; cursor: pointer; position: fixed; right: 0; top: 0; z-index: 2222; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .burger { width: 25px; height: 3px; background-color: #ffffff; display: block; position: absolute; z-index: 5; top: 31px; left: 50%; margin: 0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 40px; }
.menu-handler .burger-3 { top: 49px; }
.menu-handler.active .burger-1 { top: 40px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%; }
.menu-handler.active .burger-3 { top: 40px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.search-Ibox{ position: fixed; right: 210px; top: 16px; width: 450px; height: 50px;  z-index: 3333; display: none;}
.search-Ibox .close{  width: 110px; height: 84px; position: absolute; right: -110px; top: -16px; transition: transform 0.3s; -webkit-transition: transform 0.3s; cursor: pointer;}
.search-Ibox .close:hover{ transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.topsearch-form{ position: relative;  width: 100%;  height: 50px; border-radius: 10px; overflow: hidden;background-color: #fff;}
.topsearch-box{ padding: 0px 124px 0px 10px; position: relative;}
.topsearchtx{ width: 100%; border: 0px none; padding: 0; margin: 0; display: block; height: 50px; line-height: 50px; font-size: 16px; color: #555; background-color: transparent; }
.topsearchbtn{ position: absolute; right: 0; top: 0; padding: 0; margin: 0; display: block; width: 124px; height: 100%; border: 0px; background: #133687; cursor: pointer; display: block; transition: background 0.3s; -webkit-transition: background 0.3s; border-radius: 10px; font-size: 16px; color: #fff;}
.topsearchbtn:hover{ background-color: #0e2c71;}
.ovh{ overflow: hidden;}

.black-20{ background: url(../images/black_20.png) repeat; background: none rgba(0,0,0,0.2);}
.black-30{ background: url(../images/black_30.png) repeat; background: none rgba(0,0,0,0.3);}
.black-40{ background: url(../images/black_40.png) repeat; background: none rgba(0,0,0,0.4);}
.black-50{ background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5);}
.black-60{ background: url(../images/black_60.png) repeat; background: none rgba(0,0,0,0.6);}
.white-86{ background: url(../images/white_86.png) repeat; background: none rgba(255,255,255,0.86);}

.cs-50{ background: url(../images/cs_50.png) repeat; background: rgba(160,115,62,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.siteMap-overlay{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1015; opacity: 0;  transition:0.65s cubic-bezier(0.550, 0.085, 0.000, 0.990); -webkit-transition:0.65s cubic-bezier(0.550, 0.085, 0.000, 0.990); visibility: hidden;}
.siteMap-nav a:link, .siteMap-nav a:visited { color: #666;}
.siteMap-nav a:active,.siteMap-nav a:hover { color: #133687;}
.siteMap-nav{ background-color: #fff; position: fixed; right: -520px; bottom: 0; top: 0; z-index: 1015; color: #666666; overflow-x: hidden; overflow-y:scroll;  width: 380px; -webkit-overflow-scrolling: touch; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.siteMap-head{ border-bottom: 1px solid #cccccc; padding:31px 0px 20px; margin-bottom: 20px; padding-left: 30px}
.siteMap-head .en{ font-size: 28px; color: #133687; line-height: 1.2; font-weight: 600;}
.siteMap-head .zh{ color: #333333; font-size: 15px; line-height: 1.2; font-size: 16px;}
.siteMap-body{ padding-bottom: 10px;}
.siteMap-list li{ text-align: center;}
.siteMap-list li:hover{ background:#133687;  }
.siteMap-list a.sm-item{ font-weight: bold; color: #333; font-size: 16px; display: block; border-bottom: 1px #ccc solid; padding: 15px 30px}
.siteMap-list li:hover a.sm-item{color: #fff}
.siteMap-sub dd{ float: left; display: block; margin-right: 15px;}
.siteMap-sub dd:last-child{ margin-right: 0;}
.siteMap-sub-nav a{ margin: 0px 8px;}
.siteMap-foot{ padding: 40px 0px 45px; border-top: 1px solid #cccccc; }
.siteMap-foot .item{ padding-bottom: 18px; line-height: 1.5;}
.siteMap-foot .icon{ width: 40px; height: 40px; background-color: #133687; background-position: center center; background-repeat: no-repeat; border-radius: 50%; margin-right: 10px;}
.siteMap-foot .address{ background-image: url(../images/siteMap-f1.png);}
.siteMap-foot .phone{ background-image: url(../images/siteMap-f2.png);}


.pusher{ transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuOpen .pusher { transform: translateX(-10%); -webkit-transform: translateX(-10%); transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuOpen .siteMap-overlay{ opacity: 1; visibility: visible;}
.menuOpen .siteMap-nav{ right: -18px;}



.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }

/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}

@-webkit-keyframes scaleUpDown {

    from { -webkit-transform: scale(1.08); transform: scale(1.08); }

    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

}

@keyframes scaleUpDown {

    from { -webkit-transform: scale(1.08); transform: scale(1.08); }

    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }

}

/*main style end*/

/*index style*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }

.banner a:link, .banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #b07d41;}
.banner { position: relative; overflow: hidden; }
.banner .item .pimg { position: absolute; right: 0px; top: 0px; width: 100%; display: block; }
.binbox .en{ line-height: 1.4; font-size: 18px; font-family: "pf_din_text_comp_proregular";}
.binbox .con{ height: 160px; overflow: hidden;}
.binbox .moreBox{ font-family: "pf_din_text_comp_proregular";}
.banner .bot{ position: absolute; left: 0px; bottom: 0px; background-color: #133687; height: 6px; overflow: hidden;}
.banner .slick-arrow{ background:url(../images/black_50.png) repeat; background:none rgba(0,0,0,0.5); width:60px; height: 52px; z-index: 105;  bottom: 70px;}
.banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-prev{ left: 7%; }
.banner .slick-next{ left: 7%; margin-left: 74px;}
.banner .slick-prev i{ background: url(../images/i_banner_l.png) no-repeat scroll center center;}
.banner .slick-next i{ background: url(../images/i_banner_r.png) no-repeat scroll center center;}
.banner .slick-prev:hover,.banner .slick-next:hover{ background:url(../images/cs_80.png) repeat; background:none rgba(19,54,135,0.8);}
.banner .slick-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px);}
.banner .slick-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px);}
.banner-yy{ background: url(../images/bg_yy.png) repeat-x scroll left bottom; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;}
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .slick-active .binbox{  visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}

@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}

@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}

.banner .slick-active .bot { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }

@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}

@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}

.mouseIco{ border: 2px solid #fff; width: 21px; height: 30px; display: block; margin: 0px auto; border-radius: 6px; position: absolute; left: 50%; margin-left: -17px; bottom: 67px; z-index:900;}

.mouseIco i{ width: 3px; height: 7px; border-radius: 1px; display: block; background-color: #fff; position: absolute; left: 50%; margin-left: -1px; top: 5px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}

@keyframes mouse-dot {

    from { opacity: 0; }

    33% { opacity: 1; }

    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }

}

@-webkit-keyframes mouse-dot {

    from { opacity: 0; }

    33% { opacity: 1; }

    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }

}

/*  关于  */
.iboxT .zh,.iboxT .en{ font-size: 24px; line-height: 1.5;}
.iboxT .zh{ color: #133687;}
.iboxT .en{ color: #bbbbbb; text-transform: uppercase; padding-left: 6px; font-family: "pf_din_text_comp_proregular";}
.ibox dd{ float: left; display: block; width: 50%; position: relative;}
.ibox .img{ overflow: hidden; position: relative;}
.ibox .img img{ width: 100%; display: block; transition: 1s; -webkit-transition: 1s;}
.ibox .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 330ms; -webkit-transition: 330ms;}
.videoIbox a:link, .videoIbox a:visited { color: #fff;}
.videoIbox a:active,.videoIbox a:hover { color: #133687;}
.videoIbox .iboxT{ padding: 15px 0px;}
.videoIbox .iboxT .zh,.videoIbox .iboxT .en{ color: #fff;}
.videoIbox .moreBtn{ margin: 0px auto;}
.ibox dd:hover .black-20{ opacity: 1; visibility: visible;}
.aboutIbox{ background-size: cover; background-repeat: no-repeat; background-position: center bottom;}
.aboutIbox .con{ position: absolute; left: 8%; top: 14%; width: 84%;}
.aboutIbox .t{ font-size: 18px; color: #133687; line-height: 1.5;}
.aboutIbox .by{ color: #133687; font-weight: bold; font-size: 30px; line-height: 1.2; }
.aboutIbox .i{ width: 550px;  height: 85px; overflow: hidden; margin: 4% 0px 8%;}
.numList li{ float: left; display: block; margin-right: 46px; text-align: center; font-size: 12px; color: #666666;}
.numList li:last-child{ margin-right: 0;}
.numList .num{ font-size: 72px; color: #133687; line-height: 1.1; font-family: 'Baiduan Number';}
.aboutIbox .moreBtn{ position: absolute; right: 0; bottom: -50px; background: url(../images/more_bg2.png) center no-repeat; display: block;width: 110px;padding-bottom: 20px; text-align: center;}
.aboutIbox .moreBtn:before{ background-image: url(../images/more_bg3.png);}
.aboutIbox a:link, .aboutIbox a:visited { color: #133687;}
.aboutIbox a:active,.aboutIbox a:hover { color: #000;}


/* icase */
.icase{ padding: 60px 0; position: relative; background: url(../images/case_bg.jpg) center no-repeat;}
.icase .textTop{ text-align: center; position: relative;}
.icase .textTop dd{ font-size: 28px; color: #133687; font-weight:  bold;}
.icase .textTop p{font-size:14px; color:#999;}
.icase .CaseList{ position: relative; margin-top: 40px;}
.icase .CaseList .hd{ text-align: center;}
.icase .CaseList .hd li{ width: 200px; height: 40px; margin: 0 2px; display: inline-block; background: #fff; line-height: 40px; text-align: center; }
.icase .CaseList .hd li a{font-size: 14px; color: #333; display: block;}
.icase .CaseList .hd li:hover{ background: #133687;}
.icase .CaseList .hd li:hover a{color: #fff;}
.icase .CaseList .bd{ margin-top: 30px;}
.icase .CaseList .bd .Casel{ float: left; width: 636px;}
.icase .CaseList .bd .Casel .action{ position: relative; display: block;}
.icase .CaseList .bd .Casel .img {overflow: hidden; position: relative;}
.icase .CaseList .bd .Casel img{ width: 100%; display: block; transition: 1s; -webkit-transition: 1s; transform: scaleX(1) scaleY(1);}
.icase .CaseList .bd .Casel:hover img{transform: scaleX(1.1) scaleY(1.1);}
.icase .CaseList .bd .Casel .con {position: absolute;left: 8%;bottom: 20px;width: 84%; height: 60px; background: rgba(19,54,135,0.7); -webkit-transition: all 1s;-moz-transition: all 1s; transition: all 1s; opacity: 0; line-height: 60px; font-size: 14px; color: #fff; text-align: center; font-weight:  bold;}
.icase .CaseList .bd .Casel .action:hover .con{opacity: 1;}
.icase .CaseList .bd .Caser{float: right; width: 622px;}
.icase .CaseList .bd .Caser .action{ position: relative; display: block; width: 300px; float: left; margin-right: 22px; margin-bottom: 22px;}
.icase .CaseList .bd .Caser .action:nth-child(2n){ margin-right: 0;}
.icase .CaseList .bd .Caser .img {overflow: hidden; position: relative;}
.icase .CaseList .bd .Caser img{ width: 100%; display: block; transition: 1s; -webkit-transition: 1s;transform: scaleX(1) scaleY(1);}
.icase .CaseList .bd .Caser .action:hover img{transform: scaleX(1.1) scaleY(1.1);}
.icase .CaseList .bd .Caser .con {position: absolute;left: 8%;bottom: 20px;width: 84%; height: 60px; background: rgba(19,54,135,0.7); -webkit-transition: all 1s;-moz-transition: all 1s; transition: all 1s; opacity: 0; line-height: 60px; font-size: 14px; color: #fff; text-align: center; font-weight:  bold;}
.icase .CaseList .bd .Caser .action:hover .con{opacity: 1;}

/*index style end*/

/* footer */
.footer{ background: #133687; position: relative;}
.footer .col{ width: 100%; padding: 50px 0;}
.footer .col .weui-flex{width: 70%; float: left; border-right: 1px #102e73 solid;}
.footer dt{margin-bottom: 10px; color: #fff; font-size: 16px; line-height: 30px; }
.footer dt a{color: #fff;}
.footer dt a:hover{text-decoration: underline;}
.footer dd a{display: block; color: #fff; font-size: 14px; line-height: 30px;}
.footer dd a:hover{text-decoration: underline;}
.footer .col .wer-flex{ width: 25%; float: right; }
.footer .col .wer-flex dd{ font-size: 20px; color: #fff; }
.footer .col .wer-flex .wer-lx li{ width: 100%; line-height: 32px; font-size: 14px; color: #fff; }
.footer .col .wer-flex .wer-lx li p a{ color:#fff;}
.copyright{ font-size: 14px; color: #fff; text-align: left; border-top:1px #102e73 solid; line-height: 58px;}
.copyright a{color: #fff;}
.copyright a:hover{ color:#fff; text-decoration: underline;}
.copyright .hidden-xl{ float: left;}
.copyright .hidden-xr{ float:right;}
.weui-cell{padding: 10px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft{text-align: right; color: #999999;}
.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;padding: 0 18px; border-left: 1px #102e73 solid;}



/* page_banner */
.page_banner{width:100%; height:280px;position: relative; overflow:hidden;left:0;top:0; z-index:5;}
.w_comon{ width: 100%; height: 100px; position: relative; background-color:#fcfcfc;}
.w_comon .t{  font-weight: 600; line-height: 100px; float: left;}
.w_comon .t .en{ font-size: 34px; color: #ecedf2;}
.w_comon .t .cn{color: #133687;position: relative; font-size: 26px; font-weight: bold;}
.w_comon .crumbs{ font-size: 14px; color: #a0a0a0; float: right;}
.w_comon .crumbs a{ font-size: 14px; color: #a0a0a0; line-height: 100px; }
.w_comon .crumbs a:hover{text-decoration: underline;}

/* 搜索结果 */
.page_so{position: relative;overflow: hidden;  background: #fcfcfc;}
.page_zy{position: relative;padding: 60px 0;overflow: hidden;}
.sr_lists{padding: 40px; background: #fff;}
.sr_lists .sr_wrap ul.lb{margin: 15px 0 5px 0;}
.sr_lists .sr_wrap ul.lb li{height: 40px;line-height: 40px;}
.sr_lists .sr_wrap ul.lb li span{float:right;color:#999;}
.sr_lists .sr_wrap ul.lb li span.syh {margin-right: 30px;margin-left: 20px;}
.sr_lists .sr_wrap ul.lb li a{display: block;font-size: 16px; color: #333;}
.sr_lists .sr_wrap ul.lb li a:hover { color: #133687;}

/* 内页导航 */
.inline-nav{width: 100%; background: #fff; border-top: 1px #f6f6f6 solid;  border-bottom: 1px #f6f6f6 solid;}
.inline-nav .page_nav li{float: left; position: relative;text-align: center;}
.inline-nav .page_nav li a{display: block;font-size: 15px;color: #333;transition:color 0.3s;padding: 0 50px;  height: 48px; line-height: 48px;}
.inline-nav .page_nav li a:after{content: '';position: absolute;top: 0;right: 0;width: 1px;height: 48px;background-color: #f6f6f6;}
.inline-nav .page_nav li:hover{ color: #fff;background: #133687;}}
.inline-nav .page_nav li.select{color: #fff; background: #133687;}
.inline-nav .page_nav li:hover a,.inline-nav .page_nav li.select a{color: #fff;  background: #133687;}

.cont_box{ background: #fcfcfc; position: relative;}
.cont_box .t_con{ padding: 60px 0; font-size: 15px; line-height: 2.6; color: #444;}
.survey-title{ margin-bottom: 35px;}
.survey-title .year{ font-size: 100px; text-transform: uppercase; color: #e8e8e8; line-height: 1;}
.survey-title .zh{ color: #133687; position: relative; font-size: 26px; line-height: 1; font-weight: bold;}


.page_business{ background: #fcfcfc; position: relative;}
.page_business .t_con{ padding: 60px 0; font-size: 15px; line-height: 2.6; color: #444;}

.page_news{ background: #fcfcfc; position: relative;}
/*新闻列表*/
.Newsbox{ padding: 60px 0; position: relative;}
.Newsbox li { overflow:hidden;margin-bottom: 20px; background: #fff; }
.Newsbox li a{display: block; padding: 30px;}
.Newsbox li ._img { width:250px; float:left; margin-right:40px; position: relative; overflow: hidden; }
.Newsbox li ._img img{ transform: scaleX(1) scaleY(1);-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;}
.Newsbox li:hover ._img img{transform: scaleX(1.1) scaleY(1.1);}
.Newsbox li ._intro { overflow:hidden; }
.Newsbox li ._title { display:block;line-height:32px; font-size:24px; font-weight:normal; margin-bottom:13px; color:#000; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.Newsbox li ._info { height:20px; line-height:20px; color:#999999; margin-bottom:10px; }
.Newsbox li ._text { line-height:24px; height:48px; overflow:hidden; font-size:15px; color: #606060;margin-bottom: 23px;}
.Newsbox li ._more { display:inline-block; white-space:nowrap; width:auto; height:32px; line-height:32px; background-color:#dda300; color:#fff; padding:0 20px; }
.Newsbox li:hover ._title{ color:#133687; }

.pageNewsT{ width:1300px; margin:0 auto; font-size:30px; text-align:center; color:#333; font-weight:bold;}
.pageNewsC{ width:1300px; margin:0 auto; font-size:14px; color:#333; text-align:center; padding:20px 0; border-bottom:dashed 1px #999;}
.pageNewsD{ width:1300px; margin:0 auto; font-size:14px; color:#333; line-height:28px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}


.page_case{ background: #fcfcfc; position: relative;}
.CaseBox{ padding: 60px 0; position: relative;}
.CaseBox li {width: 426px;float: left;position: relative;height: 360px;padding-top: 5px; }
.CaseBox li a.newsall {width: 416px;display: block; /* height: 460px; */margin: 0 auto;padding-top: 5px;transition: all 1.5s;}
.CaseBox li a.newsall:hover {background: #fff;}
.CaseBox li .line {width: 35px;border: 1px solid #ccc;z-index: 0;transition: all 1.5s;margin: 5px auto;}
.CaseBox li a:hover .line {width: 70px;border: 1px solid #0170c1;z-index: 0;transition: all 1.5s;margin: 5px auto;}
.CaseBox li .pic {width: 406px;height: 164px;margin: 0 auto;transition: all 1.5s;overflow: hidden;}
.CaseBox li:hover {height: 360px;}
.CaseBox li:hover .pic {width: 406px;height: 253px;margin: 0 auto;transition: all 1.5s;overflow: hidden;}
.CaseBox li .pic img {width: 100%;}
.CaseBox li .newsmore {width: 30px;height: 30px;position: absolute;margin-top: 10px;bottom: 0px;display: inherit;opacity: 0;left: 50%;margin-left: -16px;border: 1px solid #e1e0e0;background: url(/img/amore1.png) no-repeat center center;transition: all 1.5s;}
.CaseBox li:hover .newsmore {width: 30px;height: 30px;position: absolute;margin-top: 10px;bottom: 10px;display: inherit;opacity: 1;left: 50%;margin-left: -16px;border: 1px solid #e1e0e0;background: url(/img/amore1.png) no-repeat center center;transition: all 1.5s;}
.CaseBox a.newsmore:hover {width: 30px;height: 30px;display: block;border: 1px solid #58595b;background: #58595b url(/img/amore1.png) no-repeat center center;transition: all 1.5s;}
.CaseBox li .nrbg {background: #36312d;width: 400px;height: 210px;}
.CaseBox li:hover .nrbg {background: #3a3531}
.CaseBox li .nr {transition: all 1.5s;width: 380px;margin: 10px auto;height: 150px;transition: all 1s;top: 160px;}
.CaseBox li:hover .nr {height: 90px;}
.bt1 {font-size: 16px;color: #58595b;margin: 0 auto;padding-bottom: 10px;padding-top: 15px;display: block;text-align: center;text-overflow: ellipsis;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;   font-weight: 550;}
.bt2 {font-size: 14px;color: #9b9998;width: 360px;display: block;margin: 0 auto;padding-top: 3px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 26px;transition: all 1s;opacity: 1;}
.CaseBox li:hover .bt2 {opacity: 0;}

/* 荣誉 */
.file4_pic{ padding: 60px 0;position: relative;overflow: hidden;}
.file4_pic ul{overflow: hidden;}
.file4_pic li{ width: 22.75%; margin-right:3%; margin-bottom: 20px; float: left; position: relative; cursor:pointer;}
.file4_pic li a{ display: block; border: 3px #f9f9f9 solid; }
.file4_pic li:nth-child(4n){ margin-right: 0;}
.file4_pic li img{ width:100%;max-height: 350px;top:0px; position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;display: block;}
.file4_pic li p{width:100%; position: relative; line-height:50px; text-align:center; font-size:15px; background: #fff; perspective: 300px; -webkit-perspective: 300px; color: #333; display: inline-block;}
.file4_pic li p:before{content: '';position: absolute; top: 0; left: 0; width: 0; height: 100%;  opacity: 0; visibility: hidden; transform: scale(1); transition: all .5s; z-index: -1;background: -webkit-linear-gradient(-110deg, #133687, #133687);background: -o-linear-gradient(-110deg, #133687, #133687);background: -moz-linear-gradient(-110deg, #133687, #133687);background: linear-gradient(-110deg, #133687, #133687);}
.file4_pic li:hover p:before{opacity: 1; visibility: visible; transform: none; width: 100%;}
.file4_pic li:hover p{ color: #fff;}


/*  */
.page_zhaopin{ background: #fcfcfc; position: relative;}
.page_Talent{ width: 100%; padding: 50px 0;}
.page_ln{margin-top: 50px;background: #fff;padding: 30px;}
.page_ln .img{ float: left; width: 384px; }
.page_ln .z_lnc{ width: 780px; float: right; font-size: 16px; line-height: 40px;}
.page_ln .z_lnc span{ font-weight: bold; color:#133687;}
.hrList{ margin: 32px 0px 0px; font-size: 16px;border: 1px solid #eee;}
.hrList .hspan{ cursor:pointer; width: 33%; display: block; float: left; height: 50px; line-height: 50px;}
.hrList .hspan2{ cursor:pointer; width: 25%; display: block; float: left; height: 50px; line-height: 50px;font-size: 14px;}
.hrList .hspan1{  width: 75%; font-size: 16px;display: block; float: left; height: 50px; line-height: 50px; color: #000; font-weight: 600;}
.z_jy{ padding: 0 2%; width: 96%;}
.t_zy{ padding: 0 2%; width: 96%;}
.hrList .hrdt{ background-color: #9d9b9b; color: #fff;}
.hrList dd{  position: relative; background-color: #fff; cursor:pointer;}
.hrList .hrdt{ height: 50px; overflow: hidden;}
.hrList .hrT{ background: #fff; color:#666666;border-bottom: 1px solid #E4E4E4;}
.hrList .hrT .hspan{ line-height: 50px; height: 50px;font-size: 14px;}
.hrList dd:hover .hspan1{ color:#133687;}
.hrList .ib{ width:16px; height:16px; float: right;margin-top: 17px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;}
.hrList .ib i{ display:block; background-color:#999999;}
.hrList .ib .ic1{ width:2px; height:16px; margin-left:7px;}
.hrList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
.hrList .hrB{  display: none;border-bottom: 1px solid #E4E4E4;}
.hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;}
.hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:#f6f6f6; }
.hrList .active .ib i,.hrList dd:hover .ib i{ background-color: #666;}
.hrList dd.active .hrT .hspan1{ color: #133687; }
.hrList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.hrList .active .ib .ic2{ display: none;}
.hrList .pageC p{font-size: 14px;color: #21282e;line-height: 28px;}
.popup_bottom{width:100%;background-color: #f1f1f1;padding:15px 3%; font-size: 16px; margin-top: 20px;}
.popup_bottom a{font-weight:bold; color:#2e3669; text-decoration:underline;}



.contact-list li { width: 25%; float: left; }
.contact-list a { display: block; color: #666; text-align: center; cursor: auto; }
.contact-list .ico { width: 70px; height: 70px; border-radius: 100%; background: #133687 url('../images/cta-ico.png') no-repeat; margin: 0 auto; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.contact-list .en { color: #333; font-weight: bold; text-transform: uppercase; margin-top: 10px; font-size: 14px; }
.contact-list .freeTx { text-align: center; padding: 0 10px; margin-top: 20px; }
.contact-list .freeTx p{ font-size: 16px; color: #000; font-weight: bold;}
.contact-list .c2 .ico { background-position: -70px center; }
.contact-list .c3 .ico { background-position: -140px center; }
.contact-list .c4 .ico { background-position: right center; }
.contact-list { margin-top: 60px; }


.contact_map{width: 46%; height:334px; margin-top: 60px; border:1px #ddd solid; padding:12px; background: #fff; float: right;}
#allmap {height: 100%;width: 100%;margin: 0 auto; }


.Contactbox{position: relative; padding: 60px 0;}
.Contactbox .left_form {width: 50%;float: left;}
.Contactbox .left_form .txt_box { text-align: left;width: 100%;}
.Contactbox .left_form .form_area .btn_area { padding-top: 20px;}
.Contactbox .left_form .form_area .btn_area .form_btn { width: 20%; padding: 10px 0; display: inline-block; margin-right: 5%;border: none; border-radius: 3px; color: #FFFFFF;}
.Contactbox .left_form .form_area .btn_area .form_btn.tijiao {background: #133687;}
.Contactbox .left_form .form_area .btn_area .form_btn.chongzhi {  background: #c00e0e;}
.Contactbox .left_form .form_area .txt_area { width: 100%; height: 140px;background: #EFEFEF;}
.Contactbox .left_form .form_area .txt_area textarea { width: 100%; border: none; padding: 15px; resize: none;}
.Contactbox .left_form .form_area .input_item {width: 47%; position: relative;}
.Contactbox .left_form .form_area .input_item .ion { position: absolute;right: 20px; top: 10px; color: #A9B1B4; font-size: 16px;}
.Contactbox .left_form .form_area input { width: 90%; border: none; background: #EFEFEF; padding: 12px 5%; margin-bottom: 15px;}
.txt_box .part_tit { font-size: 26px; font-weight: bold; margin-bottom: 15px;}
.txt_box .part_tit .black { color: #000000;}
.txt_box .part_tit .red { color: #133687;}
.txt_box .part_dec { line-height: 1.8em; margin-bottom: 30px;}
.fl{ float: left; }
.fr{ float: right; }

/* 图标 */
.ico { display: inline-block; overflow: hidden; width: 20px; height: 20px;
	vertical-align: middle; background: url(../images/ico.png);margin:0 .3em;}
.ico2_2 { background-position: -20px -20px;}

/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-54 { padding-bottom: 54%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-65{padding-bottom: 65%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}



table{border-collapse:collapse;width:100%;}
table,tr{ font-size: 16px; color: #444; }
table,th, td{border: 1px solid black;text-align: center; font-size: 14px;}

/* fenye */
.pages1{ width:1300px; margin:30px auto;}
.pages1_l{ float:left; width:50%; height:40px;  }
.pages1_l a{ line-height:40px; color:#666;display:block;}
.pages1_l:hover a{ color:#133687;}
.pages1_r{ float:left; width:50%; height:40px; text-align:right;}
.pages1_r a{ line-height:40px; color:#666;display:block;}
.pages1_r:hover a{ color:#133687;}

.pages { margin:25px 0 40px; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:26px; line-height:26px; background:#fff; border:1px solid #ccc;  margin-left:6px;}
.pages li a{text-align:center; color:#333; padding:0 13px;}
.pages .page-active {background:#133687;  border:1px solid #133687;text-decoration:none}
.pages .page-active a{color:#fff; }
.pages li:hover { background:#133687;  border:1px solid #133687;  text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span { display:inline-block; height:26px; line-height:26px;  border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}



/*main CSS*/
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width: 590px;
    height: 590px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #065fb1;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../images/icons/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../images/icons/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../images/icons/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../images/icons/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../images/icons/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../images/icons/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../images/icons/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../images/icons/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #065fb1;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../images/icons/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../images/icons/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}




/* kefu */
.float_qq{ position:fixed; top:300px; right:0; width:50px; height:203px; z-index:6666;}
.float_qq li{ width:auto; height:50px; z-index:20;}
.float_qq li.float_qq1,.float_qq li.float_qq4{ position:absolute; left:0; width:62px;}
.float_qq li.float_qq1{ top:153px}
.float_qq li.float_qq2{ position:absolute; top:0; left:0; width:126px;}
.float_qq li.float_qq3{ position:absolute; top:51px; left:0; width:172px;}
.float_qq li.float_qq4{ top:102px;}
.float_qq4{ position:absolute; /*top:153px; */left:0;}
.float_qq4 a{ background: url(../images/xd/float_qqicon4.png) no-repeat;}
.float_qq li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#000; opacity:0.8; border-radius:6px;}
.float_qq li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.float_shwx{ position:absolute; top: -94px; left:78px; background:url(../images/xd/float_wxbd.png) no-repeat bottom left; width:140px; height:140px; padding-bottom:9px; display:none;}
.float_shwx img{ display:block; background-color:#FFF; width:140px; height:140px;}
.new-float{
  position: fixed;
  left:  0;
  top: 50%;
  z-index: 9999;
  width: 77px;
  height: 374px;
  margin-top: -150px;
}
.new-float li{
  position: relative;
  width: 77px;
  height: 57px;
  margin-bottom: 1px;
  line-height: 27px;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  background: #133687;
}
.new-float li.hover{
  overflow: hidden;
}
.new-float li a{
  display: inline-block;
  color: #fff;
  font-size: 12px;
}
.new-float li a.tit{
  width: 77px;
  height: 27px;
  padding: 30px 10px 0 0;
  color: #fff;
}
.new-float li p{
  position: relative;
  z-index: 2;
  height: 27px;
  padding-top: 30px;
  cursor: pointer;
}
.new-float li.fi dd{
	position:absolute;
	width:77px;
	text-align:center;
	bottom:0;
}
.new-float li.se a{
  background: url(../images/xd/bg_float02.png) no-repeat;
}
.new-float li.th a{

  background: url(../images/xd/float_qqicon2.png) no-repeat;
}
.new-float li.fo a.tit{
  background: url(../img/bg_float04.png) no-repeat;
}
.new-float li.fif p{
  background: url(../images/xd/bg_float05.png) no-repeat;
  font-size: 12px;
}
.new-float li.zixun a{
  background: url(../img/bg_float01.png) no-repeat;
}
.new-float li.six a{
  background: url(../images/xd/xxf_bg_float01.png) no-repeat;
  cursor: pointer;
}


.new-float li .tel{
 position: absolute;
right: 74px;
top: 0;
z-index: 1;
width: 187px;
height: 57px;
font: 24px/57px Arial;
color: #fff;
background: url(../images/xd/bg_float06.png) no-repeat;
cursor: pointer;
}
.new-float a.mof{
  display: inline-block;
  width: 54px;
  height: 71px;
  padding: 12px 11px 0 12px;
  margin-top: 10px;
  *margin-top: 7px;
  background: url(../images/xd/bg_float07.png) no-repeat;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
}